/* CSS Document */

/*Global Styles*/
body { padding-top: 145px; font-family: 'Roboto', sans-serif; font-size: 16px; }

p { line-height: 1.8em; }

a {
	color: #EE202E;
	transition: all 225ms ease-in 0s; }

a:focus, a:hover {
	color: #023f88;
	text-decoration: none; }


h1 { margin: 0 0 15px 0; color: #023f88; font-size: 36px; }
h2 { margin: 0 0 15px 0; color: #023f88; font-size: 32px; }
h3 { margin: 0 0 15px 0; color: #023f88; font-size: 28px; }
h4 { margin: 0 0 15px 0; color: #023f88; font-size: 26px; }
h5 { margin: 0 0 15px 0; color: #023f88; font-size: 24px; }

hr { border-top: 2px solid #ccc; }

.ms2custbtn {
    background: #023f88;
    display: inline-block;
	transition: all 225ms ease-in 0s;
    color: #fff !important;
    text-transform: uppercase;
    font-weight: 500;
    margin-top: 15px;
    padding: 25px 20px;
    border-radius: 5px; }

.ms2custbtn:hover {
	background: #EE202E; }




/*Header Styles*/
.header-out {
	border-bottom: 1px solid #eee;
	background: #fff;
	padding: 20px 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 200;
	height: 146px; }

.headerlogo {
	width: 190px;
	transition: all 225ms ease-in 0s; }

.headerlogo:hover {
    opacity: 0.8; }

#menu_row {
	background-color: transparent;
	border-color: transparent;
	border: none; }

#menu_row {
	padding-top: 25px; }

.header-out .menu {
    padding: 0; }

ul.nav.navbar-nav {
	float: right; }

.navbar-default .navbar-nav > li > a {
    font-size: 16px;
    text-transform: uppercase; }

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	color: #EE202E; }

.navbar-default .navbar-nav > .navregbtn a {
    background: #023f88;
	margin-left: 15px;
    color: #fff !important;
    border-radius: 5px; }

.navbar-default .navbar-nav > .navregbtn a:hover {
    background: #EE202E; }




/*FOOTER STYLES*/
.footer-out {
	margin-top: 15px;
	background: #00597A;
	padding: 60px 0;
	color: #fff; }

.footlogo {
	transition: all 225ms ease-in 0s;
    width: 185px; }

.footlogo:hover {
    opacity: 0.8; }

.footer-out h5 { color:#fff; }

.footsocial {
	position: ABSOLUTE;
	right: 15px; }

.footsocial a { color: #fff;
	font-size: 27px;
	margin-left: 10px; }

.footsocial a:hover {
	opacity:.7; }

#col3 h5 {
	text-align: right; }









/*HOMEPAGE STYLES*/

/*General*/
.ms2hptier .container {
    width: 1200px;
    padding: 60px 35px; }

.ms2hptier h2 {
    margin-bottom: 25px; }
	
	
/*Slider*/	
#ms2hp-slider img {
	width: 100%; }	

#ms2hp-slider .carousel-control {
	display: none;
    background-image: none; }

#ms2hp-slider .carousel-indicators {
	z-index: 9;
    bottom: 0px; }

#ms2hp-slider .carousel-caption {
    background: linear-gradient(to right, rgba(1, 23, 50, 0.9), rgba(1, 23, 50, 0.8), rgba(1, 23, 50, 0.0));
    padding: 0;
    bottom: 0;
    text-shadow: none;
    left: 0;
    right: 0;
    top: 0; }
	
#ms2hp-slider .captioninner {
    position: absolute;
    top: 75px;
    text-align: left;
    width: 1200px;
    margin: 0 auto;
    left: 0;
    right: 0;
    padding: 0 35px; }

#ms2hp-slider .carousel-caption .title {
    font-size: 44px;
    margin-bottom: 15px;
    line-height: 1.1em;
    font-weight: 600;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, .5);
    width: 60%; }

#ms2hp-slider .carousel-caption .tagline {
    font-weight: 400;
    font-size: 18px;
	text-shadow: 0px 0px 1px rgba(0, 0, 0, .2);
    width: 70%; }

.slidebtn {
    background: #EE202E;
    color: #fff !important;
    display: inline-block;
    padding: 15px 20px;
    margin-top: 20px;
    font-size: 14px;
    transition: all 225ms ease-in-out 0s;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 500; }

.slidebtn:hover {
	background: #FEBE10; }	
	
	
/*Intro*/	
.ms2hptier.one {
    text-align: center;
    position: relative;
    margin-top: 10px; }
		
.ms2hptier.one ul {
    text-align: left;
}
	
.ms2hptier.one::before {
    position: absolute;
    content: "";
    height: 10px;
    left: 0;
    right: 0;
    background: linear-gradient(to right, #023f88, #00597A);
    top: -10px; }
	
.ms2hptier.one .ms2custbtn {
    margin: 15px 15px 0; }

.ms2custbtn.two {
    background: #00597A; }

.ms2custbtn.two:hover {
    background: #EE202E; }
	
	
/*Who Should Attend*/	
.ms2hptier.two {
    background: #a7a9ac;
    text-align: center;
    color: #fff; }
	
.ms2hptier.two h2 {
    color: #fff; }
	
	
/*Hours*/	
.ms2hptier.three {
    background: linear-gradient(rgba(230, 241, 254, .7), rgba(230, 241, 254, .7)), url(//cdn.ymaws.com/www.vma.org/resource/resmgr/microsite2_images/tierbgone.jpg) no-repeat fixed top center / cover;
    text-align: center;
    margin: 20px 0 10px;
    position: relative; }
	
.ms2hptier.three::before {
    position: absolute;
    content: "";
    height: 10px;
    left: 0;
    right: 0;
    background: linear-gradient(to right, #023f88, #00597A);
    top: -10px; }
	
.ms2hptier.three::after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    height: 10px;
    bottom: -10px;
    background: linear-gradient(to right, #023f88, #00597A); }


/*Logo Rotator*/
.ms2hptier.four {
    text-align: center; }

.ms2hprotatorwrap .bx-wrapper {
    max-width: 100% !important;
    box-shadow: none;
    padding-bottom: 1px; }









/*INTERIOR PAGE STYLES*/

/*General Interior Page Styles*/
.ms2cptier.subpghero {
    background: linear-gradient(rgba(230, 241, 254, .7), rgba(230, 241, 254, .7)), url(//cdn.ymaws.com/www.vma.org/resource/resmgr/microsite2_images/ms2cpbgone.jpg) no-repeat fixed center center / cover;
    text-align: center; }

.ms2cptier.subpghero .container {
    padding: 85px 30px; }

.ms2cptier.subpghero h1 {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 40px;
    margin-bottom: 10px;
    text-shadow: 1px 1px 4px rgba(255, 255, 255, .9); }

.ms2cptier.subpghero p {
    font-weight: 500;
    font-size: 18px; }

.ms2cptier .container {
    padding: 50px 35px; }



/*Valve 101 Page & Valve 201 Page  Styles*/
.eventAccordions { font-size: 14px; margin-bottom: 60px; }
.eventAccordionItem { display: block; margin: 30px 0 0; padding: 40px 40px 5px 0px; position: relative; text-decoration: none; text-transform: none; transition: all 280ms ease-in 0s; width: 100%; border-top: 2px solid #f1f1f1; }
.eventAccordionItem:first-child { border-top: none; }	
.eventAccordionItem:hover, .eventAccordionItem:focus { text-decoration:none; opacity:1; }
.eventAccordionItem.toggle::after, .eventAccordionItem.toggle[data-toggle="collapse"]::after { content: "\f107"; font-family: FontAwesome; font-size: 40px; padding-right: 0; position: absolute; right: 0; top: 22px; }
.eventAccordionItem.toggle.collapsed::after, .eventAccordionItem.toggle.collapsed[data-toggle="collapse"]::after { content: "\f106"; transition: all 225ms ease-in 0s; }
.eventAccordions .collapse.in { margin-bottom: 30px; font-size:14px; display:inline-block; width:100%; }
.eventAccordionItem.toggle.collapsed { color: #023f88; transition: all 225ms ease-in 0s; }	
.eventAccordionItem.toggle, .eventAccordionItem.toggle.collapsed:hover { color: #EE202E; transition: all 225ms ease-in 0s; }
.eventAccordions .collapse h5 { font-size: 20px; }


/*Community Page  Styles*/
.eventListItem { margin-bottom: 45px; padding: 0 0 20px 0; border-bottom: 2px solid #f3f3f3; }
.eventListItem:last-child { border-bottom: 0px; margin-bottom: 0; padding-bottom: 0; }		
.eventListImage { padding: 0 20px 0 0; }	
.eventListInfo h4 { margin-bottom: 5px; }	
.eventListInfo h5 { color: #a7a9ac; font-size: 18px; }	


/*Speakers Page  Styles*/
/*bio buckets*/
.bioIMG, .bioInfo { padding: 0; }	
.bioInfo h4 { margin: 10px 0 3px; font-size: 24px; }
.bioInfo h5 { font-size: 16px; color: #a7a9ac; font-style: italic; margin-bottom: 3px !important; line-height: 1.2em; }
.bioInfo p { margin: 3px 0; }
.bioBTN { margin-top: 5px; display: inline-block; }	
/*bio slide sontent*/
#bio1, #bio2, #bio3, #bio4, #bio5, #bio6, #bio7, #bio8, #bio9, #bio10  { background: #f7f7f7; padding: 20px; margin: 40px 0; }
#bioContent { padding: 0 35px; }	
.close { position: ABSOLUTE; right: 16px; z-index: 100; font-size: 12px; text-decoration: underline; }
.close:hover { color:#275BA8; text-decoration: underline; }



/*FAQ Page  Styles*/
#faqAccordion {margin-bottom: 0;}
#faqAccordion .panel {border: none; border-radius: 0 !important; box-shadow: none;}
#faqAccordion .panel + .panel {margin-top: 10px; border-top: none; border-radius: 0;}
#faqAccordion .panel-heading {padding: 0; border-radius: 0; color: #fff; background-color: transparent;}
#faqAccordion .panel-title a {display: block; padding: 12px 20px; background-color: #8dc43f; position: relative;}
#faqAccordion .panel-title a::after {content: "\f0d8"; font-size: 20px; font-family: FontAwesome; font-style: normal; font-weight: normal; position: absolute; right: 20px; display: none;}
#faqAccordion .panel-title a:hover, #faqAccordion .panel-title a:focus {color: #fff; background-color: #EE202E !important;}
#faqAccordion .panel-title a.collapsed {background-color: #023f88;}
#faqAccordion .panel-title a.collapsed::after {content: "\f0d7"; font-size: 20px; font-family: FontAwesome; font-style: normal; font-weight: normal; position: absolute; right: 20px; display: none;}
#faqAccordion .panel-body {padding: 15px 20px; border: none;}
#faqAccordion .panel-body p {line-height: 22px; margin-bottom: 20px;}
#faqAccordion .panel-body a:hover {color: #aaa;}
/*#faqAccordion .panel-body ul {margin-bottom: 20px; list-style: none; padding-left: 10px;}
#faqAccordion .panel-body li {list-style: circle; padding: 1px 0 7px 22px; font-weight: 100; font-style: italic; color: #888; font-size: 13px;}*/





/*Container Size*/
@media (min-width:768px){.container{width:750px}}
@media (min-width:960px){.container{width:900px}}
@media (min-width:1200px){.container{width:1200px}}


@media (max-width: 1199px) {
/*Global*/
.navbar-default .navbar-nav > li > a { font-size: 15px; padding: 15px 10px; }	
.navbar-default .navbar-nav > .navregbtn a { margin-left: 10px; }
	
/*Homepage*/
.ms2hptier .container { width: 900px; }
#ms2hp-slider .captioninner { width: 900px; top: 40px; }
}



@media (max-width: 959px) {
/*Global*/
.navbar-default .navbar-nav > li > a { font-size: 14px; padding: 15px 6px; }
.navbar-default .navbar-nav > .navregbtn a { margin-left: 6px; }
	
/*Homepage*/
.ms2hptier .container { width: 750px; }
	
#ms2hp-slider .captioninner { width: 750px; text-align: center; top: 25px; }
#ms2hp-slider .carousel-caption .title { width: 100%; font-size: 32px; margin-bottom: 10px; }	
#ms2hp-slider .carousel-caption .tagline { width: 100%; }	

/*Speakers*/
.bioWrap { width: 49%; vertical-align: top; margin: 15px 0; display: inline-block; }	
}



@media (max-width: 767px) {
/*Global*/
#menu_row { padding-top: 0; }
.navbar-default .navbar-toggle { border-color: transparent; background: #023f88; margin-top: -30px; }
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #023f88; }	
.navbar-default .navbar-toggle .icon-bar { background: #fff; }	
ul.nav.navbar-nav { float: none; background: #023f88; margin-top: 0; border-radius: 5px; padding: 10px; }	
.navbar-default .navbar-nav > li > a { font-size: 16px; text-transform: uppercase; padding: 10px 15px; color: #fff; }	
.navbar-default .navbar-nav > .navregbtn a { background: #EE202E; margin-left: 0; }
.navbar-default .navbar-nav > .navregbtn a:hover { background: #FEBE10; }
	
.footer-out { padding: 35px 0; }	
.footer { text-align: center; }	
.footlogo { display: none; }	
#col3 h5 { text-align: center; }	
.footsocial { position: relative; right: auto; }
.footer-out h5 { margin-bottom: 5px; }	
#col3 { margin-top: 25px; }	
	
/*Subpages*/
.ms2cptier.subpghero { background-attachment: scroll; }	
.ms2cptier.subpghero .container { padding: 55px 30px; }	

/*Homepage*/
.ms2hptier .container { width: 100%; }
	
#ms2hp-slider .captioninner { width: 100%; }
#ms2hp-slider .carousel-caption { background: linear-gradient(to right, rgba(1, 23, 50, 0.7), rgba(1, 23, 50, 0.7)); }	
#ms2hp-slider .carousel-caption .tagline { display: none; }	
#ms2hp-slider .carousel-indicators { display: none; }	
.slidebtn { margin-top: 5px; }	
	
.ms2hptier.three {  background-attachment: scroll; }	
	
/*Community*/
.eventListItem { text-align: center; }
.eventListImage { padding: 0; }	
.eventListImage img { margin: 15px auto; }	
	
/*Speakers*/
bioWrap { width: 48%; display: inline-block; vertical-align: top; }
.bioInfo {  text-align: center; }	
.info { padding: 0px 0 40px; }
a.bioBTN { display: none; }	
}



@media (max-width: 600px) {
/*Homepage*/
#ms2hp-slider .captioninner { top: 20px; }
.slidebtn { padding: 10px 20px; margin-top: 0px; }	
}



@media (max-width: 480px) {
/*Homepage*/
#ms2hp-slider { display: none; }
	
/*Speakers*/
.bioWrap { width: 100%; }
}